
<ui:composition 
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:fn="http://java.sun.com/jsp/jstl/functions" >
    
    <p:panel id="fichaProducto" styleClass="fichaProducto" rendered="#{catalogoBean.tipoVista == 'D'}">

        <div style="position: relative; width: 25px; height: 25px; float: right; margin-right: 20px; " >
            <p:commandButton icon="delete24"
                             actionListener="#{catalogoBean.volverCatalogo}"
                             immediate="true"
                             title="Volver a la vista del catálogo"
                             process="@this"
                             update="@form" >
            </p:commandButton>
        </div>
                
        <p:messages showDetail="true" rendered="#{empty catalogoBean.itemCatalogo}" />
        
        <h:panelGroup layout="block" rendered="#{not empty catalogoBean.itemCatalogo}" />          
        
        <!-- DESCRIPCION DEL PRODUCTO -->
        <div id="descProd">
        <h1><h:outputText value="#{catalogoBean.itemCatalogo.codigo} - #{catalogoBean.itemCatalogo.descrp}"/></h1>
       </div>
        
        <!-- IMAGEN DEL PRODUCTO -->
        <div style="position: relative; width: 240px; float: left;">

            <p:lightBox id="lightbox3" widgetVar="selectIframe"  rendered="#{not empty catalogoBean.itemCatalogo.imggra}" >
                <h:outputLink value="#{aplicacionBean.parametro.pathImagenesProductos}#{catalogoBean.itemCatalogo.imggra}.jpg"  title="#{catalogoBean.itemCatalogo.descrp}">
                    <p:graphicImage id="imgPaligi" value="#{aplicacionBean.parametro.pathImagenesProductos}#{catalogoBean.itemCatalogo.imgchi}.jpg"
                                    width="200" height="200" rendered="#{not empty catalogoBean.itemCatalogo.imgchi}" />
                </h:outputLink>
            </p:lightBox>

            <p:graphicImage id="imgPrd" value="#{aplicacionBean.parametro.pathImagenesProductos}#{catalogoBean.itemCatalogo.imgchi}.jpg" width="200" height="200"
                            rendered="#{not empty catalogoBean.itemCatalogo.imgchi and empty catalogoBean.itemCatalogo.imggra}"                            />
            
            <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesProductos}intercap.jpg" width="200" height="200" rendered="#{empty catalogoBean.itemCatalogo.imgchi}"
                            style="border: 1px solid lightgrey;" />
        </div>

        <!-- DATOS DEL PRODUCTO -->
        <div style="position: relative; width:300px; float: left;">            

            <div style="position: relative; width: 100%; float: left; ">

                <h:panelGrid width="300" columns="2" columnClasses="colLabel,colDato,colLabel,colDato" >

                    <h:outputText value="Tipo de producto:" style="font-weight:bold;" />
                    <h:outputText value="#{catalogoBean.itemCatalogo.tipoProducto}" />

                    <h:outputText value="Nro parte:" style="font-weight:bold;" rendered="#{not empty catalogoBean.itemCatalogo.nroParte}" />
                    <h:outputText value="#{catalogoBean.itemCatalogo.nroParte}" rendered="#{not empty catalogoBean.itemCatalogo.nroParte}"  />

                    <h:outputText value="Sub-tipo:" style="font-weight:bold;" />
                    <h:outputText value="#{catalogoBean.itemCatalogo.subtipo}" />

                    <h:outputText value="Origen:" style="font-weight:bold;" />
                    <h:outputText value="Nacional" rendered="#{catalogoBean.itemCatalogo.importado == 'N'}"  />
                    <h:outputText value="Importado" rendered="#{catalogoBean.itemCatalogo.importado == 'S'}"  />

                    <h:outputText value="Marca:" style="font-weight:bold;" />
                    <h:outputText value="#{catalogoBean.itemCatalogo.marca}" />

                    <h:outputText value="Presentación:" style="font-weight:bold;" />
                    <h:outputText value="#{catalogoBean.itemCatalogo.unidadConversion} #{catalogoBean.itemCatalogo.factorConversion} #{catalogoBean.itemCatalogo.unidadMedida}" />

                    <c:if test="#{usuarioSessionBean.estaRegistrado}" >

                        <h:outputText value="$ Venta c/I.V.A.: " style="font-size: 14px; font-weight:bold;" />
                        <h:panelGroup >
                            <h:outputText value="#{monedaBean.moneda.codcof} " style="font-size: 14px !important; color: #729b05;" />
                            <h:outputText value="#{catalogoBean.itemCatalogo.precioFinal*monedaBean.cotizacionDelDia.cotizacion/monedaBean.moneda.cotizacion}"
                                          style="font-size: 14px !important;  color: #729b05;"
                                          rendered="#{catalogoBean.itemCatalogo.moneda == 'USD'}" >
                                <f:convertNumber pattern="0.00" />
                            </h:outputText>
                            <h:outputText value="#{catalogoBean.itemCatalogo.precioFinal/monedaBean.moneda.cotizacion}"
                                          style="font-size: 14px !important;  color:#729b05;"
                                          rendered="#{catalogoBean.itemCatalogo.moneda == 'ARS'}" >
                                <f:convertNumber pattern="0.00" />
                            </h:outputText>
                        </h:panelGroup>

                    </c:if>
                                       
                    <c:if test="#{usuarioSessionBean.estaRegistrado}" >

                        <h:outputText value="$ Marcado c/I.V.A.: " style="font-size: 14px;" rendered="#{catalogoBean.porcMarcacion>0}" />
                        <h:panelGroup rendered="#{catalogoBean.porcMarcacion>0}">
                            <h:outputText value="#{monedaBean.moneda.codcof} " style="font-size: 14px; font-weight: bold;" />
                            <h:outputText value="#{catalogoBean.itemCatalogo.precioFinal*monedaBean.cotizacionDelDia.cotizacion/monedaBean.moneda.cotizacion + ((catalogoBean.itemCatalogo.precioFinal*monedaBean.cotizacionDelDia.cotizacion/monedaBean.moneda.cotizacion)*catalogoBean.porcMarcacion/100 )   }"
                                          style="font-size: 14px; font-weight: bold;"
                                          rendered="#{catalogoBean.itemCatalogo.moneda == 'USD' }" >
                                    <f:convertNumber pattern=" ##,##0.00" />
                            </h:outputText>

                            <h:outputText value="#{catalogoBean.itemCatalogo.precioFinal/monedaBean.moneda.cotizacion + ((catalogoBean.itemCatalogo.precioFinal/monedaBean.moneda.cotizacion)*catalogoBean.porcMarcacion/100 )   }"
                                          style="font-size: 14px; font-weight: bold;"
                                          rendered="#{catalogoBean.itemCatalogo.moneda == 'ARS' }" >
                                    <f:convertNumber pattern=" ##,##0.00" />
                            </h:outputText>
                        </h:panelGroup>

                    </c:if>
                    
                </h:panelGrid>
            </div>            
        </div>
        
        <!-- INFORMACION DE STOCK -->
        <p:outputPanel rendered="#{usuarioSessionBean.estaRegistrado}">
            <ui:include  src="../inventario/informacionStock.xhtml" />
        </p:outputPanel>
        
        <p:spacer width="700" height="10" />

        <!-- BOTONES DE ACCIONES -->
        <div class="botonesAcciones">
            
            <c:if test="#{not empty catalogoBean.itemCatalogo.archivoFichaTecnica}" >

                        <p:commandButton value="Datos Técnicos" icon="info16"                                     
                                         action="../inventario/fichaTecnica.xhtml" onclick="form.target=_blank"/>

                        <h:outputText value="" />

                    </c:if>

            <p:commandButton  value="Agregar al Carrito" icon="btnAgregarp" id="btnAceptarFP"
                              title="Agregar al carrito de compras"
                              process="@this"
                              update=":formulario:confirmarCantidad"
                              oncomplete="PF('dlgCantidad').show()"
                              rendered="#{usuarioSessionBean.estaRegistrado and  not catalogoBean.itemCatalogo.seleccionado}" >
            </p:commandButton>

            <p:commandButton  value="Borrar del Carrito" icon="delete24" title="Borrar producto del carrito"
                              update=":formulario:confirmarBorrado"
                              rendered="#{usuarioSessionBean.estaRegistrado and (catalogoBean.itemCatalogo.seleccionado)}"
                              oncomplete="PF('dlgConfirmarBorrado').show()">
            </p:commandButton>

            <p:commandButton id="btnPendiente" icon="pendiente16" value="Ver pendientes"
                             rendered="#{catalogoBean.itemCatalogo.tienePendiente == 'S'}"
                     title="Este producto se encuentra en sus pedidos pendientes"                     
                     process="@this"
                     update=":formulario:pedidosPendientes"
                     oncomplete="PF('dlgPedidosPendientes').show();" >
            </p:commandButton>
            <p:tooltip for="btnPendiente" showEffect="fade" hideEffect="fade" rendered="#{catalogoBean.itemCatalogo.tienePendiente == 'S'}" />

            <p:commandButton value="Volver al catálogo" icon="catalog16"
                             actionListener="#{catalogoBean.volverCatalogo}"
                             title="Volver a la vista del catálogo"
                             process="@this"
                             update="@form" >
            </p:commandButton>

        </div>
        
        <p:spacer width="700" height="10" />
        
         <!-- LISTADO DE SUSTITUTOS -->
        
         <p:panel rendered="#{not empty catalogoBean.itemCatalogo.producto.sustitutos }">
             <ui:include src="../inventario/informacionSustitutos.xhtml" />
         </p:panel>
        
        <!-- CARRUSEL DE SUGERIDOS 
        <p:outputPanel styleClass="carruselSugeridos" style="width:700px; height: 390px;" >      
        <p:tab title="Productos sugeridos (#{fn:length(catalogoBean.itemCatalogo.producto.relacionados)})">
          <ui:include src="../inventario/informacionSugeridos.xhtml" />
        </p:tab>
        </p:outputPanel>
        -->
        
        <p:panel  rendered="#{not empty catalogoBean.itemCatalogo.producto.relacionados }" >
            <ui:include src="../inventario/informacionRelacionados.xhtml" />
        </p:panel>
        
                     
    </p:panel>

</ui:composition>
